import React from 'react'
import UserPage from './_components/UserPage'
import { serverHelpers } from '@/app/_trpc/serverHelper'
import { dehydrate, HydrationBoundary } from '@tanstack/react-query'

const page = async({params,searchParams}:any) => {

  const userId=params?.id[0]
  await serverHelpers.users.getUserById.prefetch({userId,...searchParams})
  
  return (
    <div>
      <HydrationBoundary state={dehydrate(serverHelpers.queryClient)}>
      <UserPage  userId={userId}/>
      </HydrationBoundary>
    </div>
  )
}

export default page